body{
  text-shadow: 0 3px 3px rgba(0, 0, 0, 0.8);
}

.add_app_button{
  webkit-box-sizing: border-box;

  display: block;
  height: 22px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 0 black;
  border-radius: 2px;
  color: black;
  min-width: 70px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-image:  -webkit-gradient(linear, 0 0, 0 100%, from(#4FB106), to(#157402));
}
.add_app_button p{
  display: inline-block;
  height: 22px;
  color: black;
  line-height: 22px;
  vertical-align: top;
  cursor: pointer;
}
.add_app_button_div{
  float: right;
margin-top: 12px;
margin-right: 12px;
z-index: 2;
}
#app_list_overview{
overflow: auto;
}
#app_list_container
{
  float:right;
  display: inline-block;
  height: 100%;
width: 82.2%;

}
#app_list_overview .description{
  overflow: hidden;
margin-top: -4px;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 12px;
color: #A5A8B3;
-webkit-user-select: text;
margin-right: 9px;
height: 20px;
line-height: 20px;
display:inline-block;
}
#app_list_overview li{
float: left;
width: 44%;
height: 48px;
margin: 10px 10px;
border: 1px solid #6D717C;

box-shadow: #262831 0 1px 0, #2C2D35 0 1px 0 inset;

background-image: -webkit-gradient(linear, left top, left bottom, from(#424651), to(#373B46));
-webkit-border-radius: 4px;
border-radius: 4px;

}

#app_list_overview .main{
  margin: 8px 9px 0 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 20px;
display: inline-block;
}
#app_list_overview .logo{
  width: 59px;
height: 47px;
border-right: 1px solid #2E3138;
-webkit-box-shadow: 1px 0 0 #4D505B;
box-shadow: 1px 0 0 #4D505B;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#3D414B), to(#292D35));
margin: 1px 9px 0 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
display: inline-block;
}
#app_list_overview .logo figure
{
  height: 40px;
width: 40px;
margin: 3px 9px 0;
display: block;
}
#app_list_overview .logo figure img
{
  height: 40px;
width: 40px;

}
#app_list_overview .add_btn_div{
  float: right;
  margin-top: 12px;
  margin-right: 12px;
  z-index: 2;
  text-align: center;
  overflow: hidden;
height: 24px;
border-radius: 3px;
-webkit-box-shadow: rgba(255, 255, 255, 0.08) 0 1px 0;
box-shadow: rgba(255, 255, 255, 0.08) 0 1px 0;
-webkit-transition: color 0.2s linear;
border: 1px solid rgba(0, 0, 0, 0.5);
}
#app_list_overview .add_btn{
  color: black;
  min-width: 70px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(rgba(0, 0, 0, 0.496094)));
  background-clip: border-box;
  background-color: white;
  display: block;
  height: 100%;
  padding: 0 8px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 2px;
  padding-top: 3px;
}
#app_list_panel
{
  -webkit-box-flex: 1;
padding:auto;
width: 100%;
height: 0px;
-webkit-box-sizing: border-box;
background: #363946 ;
border-bottom-right-radius:15px;
border-bottom-left-radius:15px;
display: -webkit-box;
-webkit-box-orient: vertical;
 -webkit-box-sizing: border-box;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.2);

}
#app_list_type_select_panel{
    display: -webkit-box;
    height: 100%;
    overflow: hidden;
  -webkit-box-orient: vertical;
border-bottom-left-radius:15px;
    width: 15%;
    padding-top: 10px;
    border-right: 1px solid #161820;
    font-weight: normal;
    background: #2D303B;
    -webkit-box-sizing: border-box;
    text-align: none;
     display: inline-block;
}
#app_list_type_select_panel h4{ 
text-align: center;
  }
#app_list_type_select_panel ul{ 
  width: 100%;
  margin-top: 16px;
    margin-bottom: 16px;
  }
  #app_list_type_select_panel ul li{ 

width:100%;
padding: 10px 0px;
display: block;
cursor: pointer;
  }
  .active{
          color: white;

  border-color: #1D1F26;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(27, 30, 37, 0.496094)), to(rgba(27, 30, 37, 0.347656)));
  -webkit-box-shadow: #3B3F48 0 1px 0, rgba(0, 0, 0, 0.25) 0 1px 2px inset;

  border-radius: 3px;
  }
   
#app_icon_list{
  padding:20px;
  background: transparent;

}
#app_icon_list li{
 width:100px;
  text-align: center;
  padding: 10px;
    display: inline-block;
    position: relative;
float: left;
  }
#app_icon_list li p{
 text-align: center;
 font-size: 14px;
 padding: 5px;
}
#app_icon_list li .img_div{
   height:64px;
  width:64px;
  display: inline-block;
    position: relative;
      border-radius: 5px;
      border: solid 0px white;

}
#app_icon_list li .img_cover{
   height:64px;
  width:64px;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 0, 0.05)), to(rgba(0, 0, 0, 0.3)));
  display: inline-block;
  position: absolute;
  border-radius: 5px;
}
#app_icon_list li img{
 height:64px;
 width:64px;
  border-radius: 5px;

}
.cwkshell_button{
  -webkit-box-sizing: border-box;
  overflow: hidden;
height: 34px;
width: 38px;
  border-radius: 3px;
  box-shadow: rgba(255, 255, 255, 0.08) 0 1px 0;
  -webkit-transition: color 0.2s linear;
  border: 1px solid rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.cwkshell_button a{
  height: 34px;
min-width: 38px;
padding: 0;
border: 1px solid #0C0E10;
border-radius: 4px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#51B306), to(#117100));
-webkit-box-shadow: inset 0 0 1px white;
box-shadow: inset 0 0 1px white;


display: block;
}
.cwkshell_button a:hover{
  
}
  #container{
  	height:100%;
  	width:100%;
    background: url(cuc://homepage/homepage_back.jpg) ;
  	//background: url(../res/homepage_back.jpg) ;
    //background: url()  repeat;
    background-size:cover;
  }
  .desktop{
        width:100%;
        height:100%;
        background: transparent;
        color: white;
  }
  #desktop_add_app_panel{
   // display: none;

  }
  header > nav, header > div {
  height: 100%;
  font-size: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#homepage_add_button {
float: left;
width: 40px;
height: 36px;
display: block;
border: none;
border-radius: 4px;
margin: 7px 17px 0 20px;
box-shadow: #595F68 0 1px 0;
text-align: center;
}

#homepage_add_button span
{
  display: block;
width: 38px;
height: 34px;
background-image: url();
background-position: center 8px;
background-repeat: no-repeat;
}
  #menu{
  float: left;
}
  #option{
    position: relative;
    float: right;
    width: 30%;
  }
  .padding_container{
    padding: 10px;
    display: inline-block;
  }
  #power{
    float: right;
    text-align: center;
    width:40px;
    padding: 14px;
    cursor: pointer;
  }
  #power .picture
  {
    background-image: url();
background-position: 15px 14px;
  }
#power li:hover{
  
}

  #toolbar{
  	width:100%;
  	height: 50px;
  	position: relative;
    -webkit-box-sizing: border-box;
  	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  	-webkit-transform: translate3d(0, 0, 0);
    background:#8ec1da -webkit-gradient(linear, 0 0, 0 50, from(rgba(81, 86, 100, 0.95)), to(rgba(57, 61, 71, 0.95))) no-repeat;
  }
  
.card_div{
  overflow: hidden;
position: fixed;
text-align: left;
 background:#8ec1da -webkit-gradient(linear, 0 0, 0 300, from(rgba(81, 86, 100, 0.95)), to(rgba(57, 61, 71, 0.95))) no-repeat;
z-index: 10001;
width: 200px;
height: 300px;
border-radius: 10px;
border:solid 1px lightgray;
box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.9);
}
.card_div .add_btn_div{
  text-align: center;
  width: 90%;
  margin: auto;
}
.card_div h3{
  border-top-left-radius: 10px;
border-top-right-radius: 10px;
font-family: 微软雅黑;
}
.card_div button{
  margin: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  height: 40px;
  width: 120px;
}